/*
    Theme : HR

    */

body {
    background-image: url("../images/body-bg.png");
}

/*---------INPUT - Text-----------*/
input[type = "text"], select, textarea {
    border: 1px solid #ccc;
    color: #333;
    height: auto;
    position: relative;
    display: inline-block;
}

/*------------West - Left-----------*/
.apps_viewer #LEFT {
    background-image: url("../images/bg_gray03.png");
    border-radius: 10px;
    border: 3px solid #6c6f70;
    box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.4);
}

/*-----------
        BI APP Report View SAIF
                -----------------*/

.kpi_view  .kpi-cover {
    height: calc(100% -37px);
}

.loading {
}

.maximize-toolbar {
    background: #d7eff6 url("../images/panel_max_bg.png");
}

div.maximize {
    top: 0px;
}

.tab-content object {
    width: calc(100% -1px);
    height: calc(100% -1px);
}

.toolbar1 {
    display: block;
    height: 20px;
    opacity: 0.5;
    background-color: black;
    z-index: 200;
}

.panelsContainer {
    height: 85%;
}

/*-----------Content------------*/
.content {
    margin: 0;
    background: #333;
    border-radius: 10px;
    border: none;
}

/*-----------
    BI APP Variable Screen
            -----------------*/
.varscreen *[LOC] {
    border: 1px solid rgb(132, 132, 132);
    background: #fff;
    overflow: hidden;
}
.varscreen .two-row[LOC] {
    height: 100px;
}
.varscreen-title {
    color: #fff;
    background-color: #666;
    top: 13px;
}
.varscreen .two-row iframe {
    min-height: 109px;
}
.varscreen-container {
    margin: 0;
}

.left-col {
    min-height: 670px;
    margin: 2px;
}

/*-----------Tab Content---------*/
.tabs {
    height: calc(100% -40px);
}

.tabs ul.tab-title li a {
    background: url("../images/tab_title-R.png") right 0 no-repeat;
    text-decoration: none;
}

.tabs ul.tab-title li a span {
    background: url("../images/tab_title-L.png") 0 0 no-repeat;
    padding-bottom: 1px;
    line-height: 20px;
    color: #ccc;
}

.tabs ul.tab-title li.ui-tabs-active a, .tabs ul.tab-title li.ui-tabs-active a span {
    background-position-y: -30px;
}

.tabs .tab-content {
    height: auto;
}

.tabs .tab-content, .tab-content-inner {
    background: rgb(77, 77, 77);
}

.tabs .ui-icon-close {
    background-position: 0 -36px;
}

.tabs li.ui-tabs-active .ui-icon-close {
    background-position: 0 -24px;
}

.top-links ul li a span {
    background: url("../images/icon-topcontent.png") 0 0 no-repeat;
}

.top-links a.icon-favourites {
    background-position: -27px 1px;
}

.top-links a.icon-favourites:hover {
    background-position: -27px -24px;
}

/*---- Multi Selection ----*/

.variable-cover {
    background: #fff;
}

.multiple .variable-head {
    background: #dfdfdf;
}

.variable-head h3 {
    height: 24px;
    line-height: 24px;
    padding: 2px 2px 2px 10px;
    text-align: left;
    background: #ff8901;
}
.variable-head h3 input {
    margin-right: 2px;
}
.multiple .variable-inner {
    overflow: auto;
}

.multiple .variable-inner ul li {
    border-bottom: 1px solid #ccc;
}

.multiple .variable-inner .ui-selecting {
    background-color: #333;
    color: #FFFFFF;
}

.multiple .variable-inner .ui-selected p {
    background-color: #666;
    color: #FFFFFF;
}

.multiple .variable-inner .ui-selectable-helper {
    display: none;
}

input[type = "text"].search-box {
    height: auto;
    padding: 4px 5px;
    float: left;
    width: 60% ;
}

.multiple .variable-selected {
    background: #ccc;
}
.multiple .variable-selected ul li {
    border-color: #e1e1e1;
}

.variable-search {
    width: 95%;
}
.hidden-class {
    display: none;
}

.show-class {
    display: block;
}

.show-inline-class {
    display: inline-block;
}

.variable-header {
    position: relative;
}

.selected-close {
    background-color: #ccc;
}
.searchBtn {
    background-color: #ccc;
}

button#clear {
    background: #666;
}

#content ul li {
    padding: 2px 10px;
}
#content ul li input {
    margin-right: 5px;
}
#content ul li label {
    color: #666;
    line-height: 20px;
}

.org-menu .org-search {
    background: #ff8901;
}
.org-menu .org-search input {
    border-color: #B86101;
}
.org-menu .org-search a.searchBtn {
    background-color: #B86101;
}

.date-wraper .variable-inner {
    padding:5px 10px;
}